<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="Content-Disposition" content="attachment;">
  <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/styles/page.css">
  <link rel="stylesheet" href="/styles/style.css">
    <title>RuSPAS</title>
</head>





<body style="background-color: #f0f0f0">
  <div class="protein-container common-border" style="margin-bottom: 0;">
    <!-- 页面标题-->
    <div class="title new-title">Rule-based Screening of Potential Allergen Sequences (RuSPAS)</div>
    <!-- 页面标题-->
    <!-- 页面导航-->
    <div class="nav clearfix new-margin-border" style="border-bottom: 1px solid lightgrey;">
      <div class="nav-son common-border common-margin bg-primary" onclick="change_bg_color(this,'jianjie')">Intro </div>
      <div class="nav-son common-border common-margin" onclick="change_bg_color(this,'show-container-content');load_data();">Process</div>
      <div class="nav-son common-border common-margin" onclick="change_bg_color(this,'batch');loadBtachListData();">Batch</div>
      <div class="nav-son common-border common-margin" onclick="change_bg_color(this,'operation');search_logs();">Logs</div>
      <div class="nav-son common-border common-margin" onclick="change_bg_color(this,'help')">Help</div>
      <div class="nav-son common-border common-margin bg-error" onclick="" style="position: relative;border: 0;min-width: 150px;" id="user">
        <a href="javascript:show_user_list();"><span id="username"></span> <span class="icon-list-down"></span></a>
        <div id="user_list">
          <ul>
            <!--<li style="border-bottom: 1px solid lightgrey"><a href="#">Modify password</a></li>-->
            <li><a href="javascript:show_modals('myModal-logout');" style="width: 100%;height: 100%">Log Out</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 页面导航-->
    <!-- 展示内容区域-->
    <div class="show-container new-margin-border clearfix">
      <!--<div class="show-container-title common-margin">分类页面</div>-->
      <!-- 展示内容区域-->
      <div class="show-container-content new-margin-border clearfix">
        <!-- 左边部分-->
        <div class="left">
          <div class="list">
            <button class="" onclick="show_page('load-data');change_btn_color(0)">Load a Batch of Entries</button>
            <span class="icon-down"></span>
          </div>
          <div class="list">
            <button class="" onclick="show_page('classify-data');change_btn_color(1)">Execute 28-Element Keyword-Based Filter</button>
            <span class="icon-down"></span>
          </div>
          <div class="list">
            <button class="" onclick="show_page('classify-result');change_btn_color(2)">Summary of Entries in Pockets</button>
            <span class="icon-down"></span>
          </div>
          <div class="list">
            <button class="" onclick="show_page('self-classify');change_btn_color(3)" disabled>Manual Examination</button>
            <span class="icon-down"></span>
          </div>
          <div class="list">
            <button class="" onclick="show_page('blast');open_blast_page();change_btn_color(4)" disabled>Homology Search</button>
          </div>
        </div>
        <!-- 左边部分-->
        <!-- 右边部分-->
        <div class="right">
          <!-- load数据模块-->
          <div class="load-data">
            <div class="select-name">Please select a batch of entries to examine:</div>
            <div class="classify-data-table">
              <table class="table table-bordered" id="load-table">
                <thead>
                <tr>
                  <td class="text-center"> Data name</td>
                  <td class="text-center"> Description</td>
                  <td class="text-center">Select</td>
                </tr>
                </thead>

                <script id="template1" type="text/x-jquery-tmpl">
                  <tr>
                  <td class="text-center">${name}</td>
                  <td class="text-center">${descriptions}</td>
                  <td class="text-center">

                  <div style="display:none">${id}</div>
                  <div style="display:none">${path}</div>
                  <div style="display:none">${name}</div>
                  <div style="display:none">${descriptions}</div>

                   <button class="btn btn-default" onclick="show_modals('myModal');save_class_name(this)">Load</button>
                   <button class="btn btn-default" onclick="$('#modal_load_saved_data').modal('show');save_class_message(this);">Load saved data</button>
                  </td>
                </tr>
                </script>

              </table>
            </div>
          </div>
          <!-- load数据模块-->
          <!-- 数据分类模块-->
          <div class="classify-data display-none">
            <div style="margin-top: 20px">You have selected the following batch of entries.</div>
            <div class="classify-data-table">
              <table class="table table-bordered" id="one-table">
                <thead>
                <tr>
                  <td>Data name</td>
                  <td>Description</td>
                </tr>
                </thead>
                <tr>
                  <td></td>
                  <td></td>
                </tr>
              </table>
            </div>
            <div style="margin-top: 20px">To execute the 28-element keyword-based filtering of these entries,click the "Proceed" button below.</div>
            <!-- classify按钮 开始-->
            <div class="classify-data-button">
              <a href="#" class="btn btn-default" onclick="show_modals('myModal-classify')">Proceed!</a>
            </div>
            <!-- classify按钮 结束-->
            <!-- 数据的详细信息1 开始-->
            <div class="text-center" style="margin-top: 20px; font-weight: bold;">Redundancy entries</div>
            <div class="text-right">
              <button id="goback1" class="btn btn-default"><</button>
              <span id="tableCurrentPage1"></span>/<span id="tableTotalPage1"></span>
              <button id="forward1" class="btn btn-default">></button>
            </div>
            <div class="classify-data-detail-table2" style="margin-top: 10px;">
              <table class="table table-bordered" id="one-table2" style="width: 100%; table-layout:fixed ;">
                <thead>
                <tr>
                  <td>Accession</td>
                  <td>Species</td>
                  <td>Protein Sequence</td>
                </tr>
                </thead>
                <tbody id="classifyDataDetailTableTmplBody1" style="width: 100%;"></tbody>
              </table>
            </div>
            <!-- 数据的详细信息1 结束-->
            <!-- 数据的详细信息2 开始-->
            <div class="text-center" style="margin-top: 10px; font-weight: bold;">Selected entries</div>
            <div class="text-right">
              <button id="goback2" class="btn btn-default"><</button>
              <span id="tableCurrentPage2"></span>/<span id="tableTotalPage2"></span>
              <button id="forward2" class="btn btn-default">></button>
            </div>
            <div class="classify-data-detail-table3" style="margin-top: 10px;">
              <table class="table table-bordered" id="one-table3" style="width: 100%; table-layout:fixed ;">
                <thead>
                <tr>
                  <td>Accession</td>
                  <td>Species</td>
                  <td>Protein Sequence</td>
                </tr>
                </thead>
                <tbody id="classifyDataDetailTableTmplBody2" style="width: 100%;"></tbody>
              </table>
            </div>
            <!-- 数据的详细信息2 结束-->
          </div>
          <!-- 数据分类模块-->
          <!-- 分类结果模块-->
          <div class="classify-result display-none">
            <div style="margin-top: 20px">The following table summarizes the result of the 28-element keyword-based filtering.Select the pocket you would like to examine manually.</div>
            <div class="classify-result-table">
              <table class="table table-bordered" id="summary-table">
                <thead>
                  <tr>
                    <td>Pocket</td>
                    <td>Number of Entries in Pocket</td>
                    <td>Choose How to Examine</td></tr>
                </thead>
                <script id="myTemplate3" type="text/x-jquery-tmpl">

                {{if id == 9}}
                <tr>

                  <td style="color:green">${id}</td>
                  <td>${number}</td>
                  <td><span style="display:none">${id}</span><button onclick="find_data(this,1);"  class="btn btn-default" style="margin-right:10px">Examine All Entries</button><button onclick="find_data(this,2);" class="btn btn-default">Examine 20 Randomly Selected Entries</button></td>

                </tr>
                {{else id == 11}}
                <tr>

                  <td style="color:green">${id}</td>
                  <td>${number}</td>
                  <td><span style="display:none">${id}</span><button onclick="find_data(this,1);"  class="btn btn-default" style="margin-right:10px">Examine All Entries</button><button onclick="find_data(this,2);" class="btn btn-default">Examine 20 Randomly Selected Entries</button></td>

                </tr>
                {{else id == 28}}
                <tr>

                  <td style="color:green">${id}</td>
                  <td>${number}</td>
                  <td><span style="display:none">${id}</span><button onclick="find_data(this,1);"  class="btn btn-default" style="margin-right:10px">Examine All Entries</button><button onclick="find_data(this,2);" class="btn btn-default">Examine 20 Randomly Selected Entries</button></td>

                </tr>
                {{else}}
                <tr>

                  <td style="color:red">${id}</td>
                  <td>${number}</td>
                  <td><span style="display:none">${id}</span><button onclick="find_data(this,1);"  class="btn btn-default" style="margin-right:10px">Examine All Entries</button><button onclick="find_data(this,2);" class="btn btn-default">Examine 20 Randomly Selected Entries</button></td>

                </tr>
                {{/if}}
                </script>
              </table>
            </div>
            <div class="text-center" style="margin-bottom: 20px">
              To save the processed data, click the "Save" button below.
            </div>
            <div class="text-center" style="margin-bottom: 20px">
              <a href="javascript:;" class="btn btn-default" onclick="$('#modal_save_tmp').modal('show');">Save</a>
            </div>
          </div>
          <!-- 分类结果模块-->
          <!-- 手动分类模块-->
          <div class="self-classify display-none">
            <!-- manual模块 开始-->
            <div class="manual">
              <!--<div class="manual-title">summary of protein <span style="color: black;font-size: 15px;font-weight: bold;"></span></div>-->
              <div class="manual-content clearfix">
                <div class="manual-left">
                  <!--<div class="manual-title">summary of protein <span style="color: black;font-size: 15px;font-weight: bold;"></span></div>-->
                  <div class="manual-title">Manual Examination</div>
                  <div class="text-right" style="margin-right: 20px;margin-top: 20px;">
                    <button class="btn btn-default" onclick="get_pre_page();" id="btn_prev">prev</button>&nbsp;Entry&nbsp;<span id="Subclass" style="display: none;"></span><span style="color: sandybrown" id="dangqian">1</span>&nbsp;of&nbsp;<span style="color: sandybrown" id="sum-number"></span>&nbsp;<button class="btn btn-default" onclick="get_next_page();" id="btn_next">next</button>
                  </div>

                  <div>Process results in before batches:</div>
                  <div>
                    <table class="table table-bordered">
                      <thead>
                        <tr>
                          <td>Batch Name</td>
                          <td>Pocket</td>
                          <td>Action Label</td>
                          <td>Justification</td>
                        </tr>
                      </thead>
                      <tbody id="process_results_tbody">
                        <!-- 模板写在下面 -->
                      </tbody>
                    </table>
                  </div>
                  <div>Entries GenPept information:</div>

                  <div class="manual-left-content" id="infomation" style="font-family: Courier, Courier, monospace;font-size: 0.9em;">
                  </div>
                </div>
                <div class="manual-right">
                  <div class="manual-right-title text-left">Action Label Adjustment:</div>
                  <div class="manual-right-state">Current Action Label: <span id="process" style="text-decoration: underline; font-size: 15px; font-weight: bold; color: black;"></span></div>
                  <div class="manual-right-reason">Current Justification: <span id="reason" style="text-decoration: underline; font-size: 15px; font-weight: bold; color: black;"></span></div>
                  <div style="display: none;" id="save-id"></div>
                  <div class="manual-right-select">
                    <p style="margin-bottom: 0;">1.Adjust Action Label to: </p>
                    <select name="manual-right-select" id="manual-right-select">
                      <option >Keep</option>
                      <option >Discard</option>
                      <option >Uncertain</option>
                    </select>
                  </div>
                  <div class="manual-right-inputreason">
                    <p style="margin-bottom: 0;">2.Justification: </p>
                    <textarea name="textarea-reson" id="textarea-reson" cols="30" rows="10"></textarea>
                  </div>
                  <div class="manual-right-submit">
                    <a href="#" class="btn btn-default" onclick="submit_modify_data();" id="my_submit">Submit</a>
                  </div>
                </div>
              </div>
            </div>
            <!-- manual模块 结束-->
          </div>
          <!-- 手动分类模块-->
          <!-- blast模块-->
          <div class="blast display-none">
            <div class="blast-previous">
              <p class="blast-previous-adver">
                Summary of Action Labels for all pockets.
              </p>
              <div class="blast-previous-table">
                <table class="table table-bordered">
                  <thead>
                  <tr>
                    <td> Action Label</td>
                    <td>Number of Entries</td>
                  </tr>
                  </thead>
                  <tbody id="blast_table1">
                  </tbody>
                  <script id="blast_tmpl1" type="text/x-jquery-tmpl">
                <tr>
                  <td>${state}</td>
                  <td>${count}</td>
                </tr>
                </script>
                </table>
              </div>
              <p class="blast-previous-adver">
                Press “Perform Homology Search” button to evaluate sequence homology to existing records in Allergen Database.
              </p>
              <div style="text-align: center">
                <a href="#" class="btn btn-default" onclick="$('#modal_blast').modal('show')">Perform Homology Search</a>
              </div>
            </div>
            <div class="blast-blasted blast-hidden" style="margin-top: 10px">
              <p class="blast-previous-adver">
                Homology search completed. The following table summarizes the Action Labels for all pockets.
              </p>
              <div class="blast-previous-table blast-hidden" style="display: none;">
                <table class="table table-bordered">
                  <thead>
                  <tr>
                    <td>Action Label</td>
                    <td>Number of Entries</td>
                  </tr>
                  </thead>
                  <tbody id="blast_table2">
                  </tbody>
                  <script id="blast_tmpl2" type="text/x-jquery-tmpl">
                <tr>
                  <td>${state}</td>
                  <td>${count}</td>
                </tr>
                </script>
                </table>
              </div>
              <!--<p class="blast-previous-adver blast-hidden" style="margin-top: 10px">
                If you want save the classify result, please enter the project name and click the "Save" button.
              </p>
              <div class="project-name blast-hidden">
                <input type="text" placeholder="project name"> <a href="#" class="btn btn-primary">Save</a>
              </div>-->
              <p class="blast-previous-adver blast-hidden" style="margin-top: 10px">
                To download entries with “Keep” and “Uncertain” Action Labels, click the “Download Entries” button below.
              </p>
              <div class="blast-hidden" style="margin-top: 10px;margin-bottom: 20px;text-align: center">
                <a href="temp_table/downLoadData" target="_blank" class="btn btn-default">Download Entries</a>
              </div>
              <p class="blast-previous-adver blast-hidden" style="margin-top: 10px">
                To download entries with “Discard” and “Reject Due to Homology” Action Labels, click the “Download Entries” button below.
              </p>
              <div class="blast-hidden" style="margin-top: 10px;margin-bottom: 20px;text-align: center">
                <a href="temp_table/downLoadData2" class="btn btn-default" target="_blank">Download Entries</a>
              </div>
              <!-- 测试dom结构 -->
              <div>
                <p>To save the processed batch, write the batch name and descripttion,and click the "Save" button below.</p>
                <div class="text-center"><span>Batch Name:</span></div>
                <div class="text-center" style="margin: 10px auto 10px auto;"><input id="batchName" style="width: 163px;" /></div>
                <div class="text-center"><span>Description:</span></div>
                <div class="text-center" style="margin: 10px auto 10px auto;"><textarea id="description"></textarea></div>
                <div class="text-center" style="margin: 10px auto 10px auto;"><a href="javascript:;" id="saveBatch" class="btn btn-default">Save</a></div>
              </div>
            </div>
          </div>
          <!-- blast模块-->
        </div>
        <!-- 右边部分-->
      </div>
      <!-- 展示内容区域-->
      <!-- 简介部分 开始-->
      <div class="jianjie" style="padding: 30px 116px;">
        <p>RuSPAS is a semi-automatic process by which newly documented protein sequences are screened by bioinformatics means, for purposes of identifying potential allergen sequences that warrant close examination by an expert panel. RuSPAS is developed by AccuraScience, supervised by Monsanto and Syngenta’s regulatory units, to address the need to reliably and efficiently screen potential allergen sequences from the ever-expanding pool of known protein sequences.</p>
        <br/>
        <p>The procedure defined by RuSPAS includes the following steps:</p>

        <p><span class="black-dots">●</span>Load a batch of protein sequence entries in NCBI’s GenPept format.</p>

        <p><span class="black-dots">●</span>Execute a 28-element keyword-based automatic filtering procedure which places each entry into one of eleven
          <span class="black-dots" style="visibility: hidden">●</span>“pockets” (see <a href="#main_pic" style="color: black;text-decoration: underline;">graph below</a>).</p>

        <p><span class="black-dots">●</span>Display entries in those pockets, and allow Examiner to manually designate an “action label” to each
          entry.</p>

        <p><span class="black-dots">●</span>Perform sequence homology search, to identify entries closely resembling an existing record of Allergen <span class="black-dots" style="visibility: hidden">●</span>database.</p>
        <br/>
        <p>Additional functionalities of RuSPAS include:</p>
        <p><span class="black-dots">●</span>Compare and reconcile repeated entries loaded in different batches (not implemented).</p>
        <p><span class="black-dots">●</span>Update Allergen database records (being implemented).</p>
        <p><span class="black-dots">●</span>Log each action by Examiner (being implemented).</p>
        <div style="text-align: center;">
          <a href="Intro/Keyword_base_rules" target="_blank" name="main_pic">
            <img id="img_p" src="images/Keyword_base_rules.png" alt="home" style="width: 745px;">
          </a>
        </div>
        <p style="text-align: center">28-Element Keyword-Based Filtering Scheme (click graph to view a higher-resolution illustration).</p>
      </div>
      <!-- 简介部分 结束-->
      <!-- Batch页面 -->
      <div class="batch">
        <div class="batch_list">
          <div>List of processed batches are show below:</div>
          <table class="table table-bordered">
            <thead>
              <tr>
                <td style="display: none;">Batch ID</td>
                <td>Batch Name</td>
                <td>Description</td>
                <td>New Entries</td>
                <td>Handled Entries</td>
                <td>Processed Person</td>
                <td>Update Time</td>
              </tr>
            </thead>
            <tbody id="batch_list_tbody">
              <!-- 模板写在下面 -->
            </tbody>
          </table>
        </div>
      </div>
      <!-- Batch页面 -->
      <!-- 操作记录页面  开始-->
      <div class="operation">
        <div style="display: inline-block">
          <div><a href="#" class="btn btn-default" onclick="$('#my-reset').modal('show');">Reset</a></div>
        </div>
        <table class="operation-content">
          <tr>
          <td id="first_td" class="text-center" style="padding: 0;" valign="top left">
            <!--<div><a href="#" class="btn btn-default" onclick="">Reset</a></div>-->

          </td>
          <td id="operation-right" class="text-left" style="margin-top: -34px">
          </td>
          </tr>
        </table>
      </div>
      <!-- 操作记录页面  结束-->
      <!-- 帮助页面 开始-->
      <div class="help">
        help
      </div>
      <!-- 帮助页面 结束-->

    </div>
    <!-- 展示内容区域-->
  </div>


  <!-- 模态框（Modal） -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
       aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close"
                  data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel">
            <!--模态框（Modal）标题-->
          </h4>
        </div>
        <div class="modal-body">
          Are you sure you would like to load the selected entry batch?
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary"
                  data-dismiss="modal">Cancel
          </button>
          <button type="button" class="btn btn-warning" onclick="show_classify_page();init_classify_page_data();">
            Yes
          </button>
        </div>
      </div>
    </div>
    </div>
  <!-- /.modal -->
  <!-- 模态框（Modal） -->
  <div class="modal fade" id="myModalBatch" tabindex="-1" role="dialog"
       aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close"
                  data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel">
            <!--模态框（Modal）标题-->
          </h4>
        </div>
        <div class="modal-body">
          batch name is empty,are you sure commit?
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-warning" data-dismiss="modal">
            close
          </button>
        </div>
      </div>
    </div>
    </div>
  <!-- /.modal -->

  <!-- 模态框（Modal） -->
  <div class="modal fade" id="myModal2" tabindex="-1" role="dialog"
       aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close"
                  data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel2">
            <!--模态框（Modal）标题-->
          </h4>
        </div>
        <div class="modal-body">
           you want to download data ？
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary"
                  data-dismiss="modal">Cancel
          </button>
          <button type="button" class="btn btn-warning" data-dismiss="modal">
            Ok
          </button>
        </div>
      </div>
    </div>
  </div>
  <!-- /.modal -->
  <!-- 模态框（Modal）  提示是否需要classify的模态框 -->
  <div class="modal fade" id="myModal-classify" tabindex="-1" role="dialog"
       aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close"
                  data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel22">
            <!--模态框（Modal）标题-->
          </h4>
        </div>
        <div class="modal-body">
          Are you sure you would like to proceed with keyword-based filtering?
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary"
                  data-dismiss="modal">No, Please go back
          </button>
          <button type="button" class="btn btn-warning" onclick="classify_data();">
            Yes
          </button>
        </div>
      </div>
    </div>
  </div>
  <!-- /.modal -->
  <!-- 模态框（Modal）  logout模态框 -->
  <div class="modal fade" id="myModal-logout" tabindex="-1" role="dialog"
       aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close"
                  data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel25">
            <!--模态框（Modal）标题-->
          </h4>
        </div>
        <div class="modal-body">
          Do you want to log out？
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary"
                  data-dismiss="modal">Cancel
          </button>
          <button type="button" class="btn btn-warning" onclick="logout();">
            Yes
          </button>
        </div>
      </div>
    </div>
  </div>
  <!-- /.modal -->

  <!-- 模态框（Modal）  logout模态框 -->
  <div class="modal fade" id="my-notice" tabindex="-1" role="dialog"
       aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close"
                  data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel26">
            <!--模态框（Modal）标题-->
          </h4>
        </div>
        <div class="modal-body" id="real-message">
          <!--Do you want to logout？-->
        </div>
        <div class="modal-footer" id="hidden_button">
          <button type="button" class="btn btn-warning" data-dismiss="modal">
            OK
          </button>
        </div>
      </div>
    </div>
  </div>
  <!-- /.modal -->
  <div class="modal fade" id="my-reset" tabindex="-1" role="dialog"
       aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close"
                  data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel28">
            <!--模态框（Modal）标题-->
          </h4>
        </div>
        <div class="modal-body">
          <!--Do you want to logout？-->
          Are you sure you would like to delete the logs?
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary"
                  data-dismiss="modal"> No, Please go back
          </button>
          <button type="button" class="btn btn-warning" onclick="send_reset_message();">
            Yes
          </button>
        </div>
      </div>
    </div>
  </div>
  <!-- /.modal -->

  <!-- 模态框（Modal）  blast 模态框 -->
  <div class="modal fade" id="modal_blast" tabindex="-1" role="dialog"
       aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close"
                  data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel27">
            <!--模态框（Modal）标题-->
          </h4>
        </div>
        <div class="modal-body">
          Confirm performing homology search?
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary"
                  data-dismiss="modal">No,please go back
          </button>
          <button type="button" class="btn btn-warning" onclick="$('#modal_blast').modal('hide');start_blast();">
            Yes
          </button>
        </div>
      </div>
    </div>
  </div>
  <!-- /.modal -->

  <!-- 模态框（Modal）  blast 模态框 -->
  <div class="modal fade" id="modal_save_tmp" tabindex="-1" role="dialog"
       aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close"
                  data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel27">
            <!--模态框（Modal）标题-->
          </h4>
        </div>
        <div class="modal-body">
          Are you sure you would like to saved this data?
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary"
                  data-dismiss="modal">No,please go back
          </button>
          <button type="button" class="btn btn-warning" onclick="$('#modal_save_tmp').modal('hide');saveTmp();">
            Yes
          </button>
        </div>
      </div>
    </div>
  </div>
  <!-- /.modal -->

  <!-- 模态框（Modal）  blast 模态框 -->
  <div class="modal fade" id="modal_load_saved_data" tabindex="-1" role="dialog"
       aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close"
                  data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel27">
            <!--模态框（Modal）标题-->
          </h4>
        </div>
        <div class="modal-body">
          Are you sure you would like to load the saved data for selected entry batch?
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary"
                  data-dismiss="modal">No,please go back
          </button>
          <button type="button" class="btn btn-warning" onclick="$('#modal_load_saved_data').modal('hide');loadSavedData();">
            Yes
          </button>
        </div>
      </div>
    </div>
  </div>
  <!-- /.modal -->

<!-- 遮掩层 开始-->
  <div class="zyc"></div>
  <div class="doing text-center">
    <img src="images/big.gif" alt="gif">
    <p style="color: white"></p>
  </div>
  <!-- 正在处理了模块 结束-->
  <div class="footer" style="text-align: center;line-height: 60px;border-radius: 10px;font-weight: normal;color: grey;">
    Copyright 2015  Produced by AccuraScience, Monsanto and Syngenta. All Rights Reserved.
  </div>


<script src="/js/jquery-2.1.4.min.js"></script>
  <script src="/js/jquery.cookie.js"></script>
  <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  <script src="/js/dependencies/sails.io.js"></script>
  <script src="/js/jquery.tmpl.min.js"></script>
  <script src="/js/Component.js"></script>
  <script src="/js/page.js"></script>
<script src="/js/common.js"></script>
  <script src="/js/button_status.js"></script>
  <script>
    $("#username").text($.cookie("username"));//获取username的值
  </script>
  <script id="batch_list" type="text/x-jquery-tmpl">
    <tr>
      <td style="display: none;">${id}</td>
      <td>${name}</td>
      <td>${description}</td>
      <td>${new_entries.length}</td>
      <td>${handled_entries.length}</td>
      <td>${username}</td>
      <td>${createdAt.substr(0,10)}</td>
    </tr>
  </script>
  <script id="process_results_model">
    {{if Batch_id}}
    <tr>
      <td>${batch_name}</td>
      <td>${Subclass}</td>
      <td>${State}</td>
      <td>${Reason}</td>
    </tr>
    {{else}}
    <tr>
      <td colspan="4">no data</td>
    </tr>
    {{/if}}
  </script>

  <script id="classifyDataDetailTableTmpl1" type="text/x-jquery-tmpl">
  {{if isShow == 1}}
  <tr>
    <td style="width: 10%">${Accession}</td>
    <td style="width: 20%">${Species}</td>
    <td style="width: 70%; word-wrap:break-word; text-align: left;">${Protein_sequence}</td>
  </tr>
  {{/if}}
</script>

<script id="classifyDataDetailTableTmpl2" type="text/x-jquery-tmpl">
  {{if isShow == 1}}
  <tr>
    <td style="width: 10%">${Accession}</td>
    <td style="width: 20%">${Species}</td>
    <td style="width: 70%; word-wrap:break-word; text-align: left;">${Protein_sequence}</td>
  </tr>
  {{/if}}
</script>
</body>
</html>
